<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		/*
		 * text-decoration:underline
		 */
<style>
*{
	
	margin: 0px;
	padding: 0px;
	border: none;
}
html,body {
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 100%;
	overflow: hidden;
}
html {   
    min-height: 100%;   
    height:100%;   
}   
body {   
    margin: 0;   
    padding: 0;   
    min-height: 100%;   
    height:100%;   
} 
ul,ol{
		list-style:none;
}
#d1{
	border: 1px solid royalblue;
	height: 100%;
	overflow: hidden;
}
#d2{
	border: 1px solid red;
	width: 100%;
	height: 120px;
}
#d3{
	border: 1px solid aquamarine;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: 120px;	
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
}
</style>
	</head>
	<body>
		<div class="d1">
			<div id="d2">
				
			</div>
			<div id="d3">
				<dir style="height: 1000px;"></dir>
			</div>
		</div>
		
	</body>
</html>
